<template>
  <view class="com-row com-main-cross-center" :style="[{width:outSize, height: outSize}]">
    <img :style="[{width: iconSize,height:iconSize, borderRadius:borderRadiusSize }]" :src="src"/>
  </view>
</template>

<script>
export default {
  name: "a-icon",
  computed: {
    iconStyle() {
      return {}
    }
  },
  props: {
    src: {
      type: String,
      default: () => {
        return ""
      }
    },
    iconSize: {
      type: String,
      default: () => {
        return "24px"
      }
    },
    borderRadiusSize: {
      type: String,
      default: () => {
        return "0px"
      }
    },
    outSize: {
      type: String,
      default: () => {
        return "40px"
      }
    },

  },
}
</script>

<style scoped>

</style>